<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" >
<head>
	<!-- 页面meta -->
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<title>数据 - AdminLTE2定制版</title>
	<meta name="description" content="AdminLTE2定制版">
	<meta name="keywords" content="AdminLTE2定制版">

	<!-- Tell the browser to be responsive to screen width -->
	<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
	<!-- Bootstrap 3.3.6 -->
	<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js" th:src="@{https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js}"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js" th:src="@{https://oss.maxcdn.com/respond/1.4.2/respond.min.js}"></script>
	<![endif]-->
	<!-- 页面meta /-->

	<link rel="stylesheet" href="../../static/plugins/bootstrap/css/bootstrap.min.css" th:href="@{/plugins/bootstrap/css/bootstrap.min.css}">
	<link rel="stylesheet" href="../../static/plugins/font-awesome/css/font-awesome.min.css" th:href="@{/plugins/font-awesome/css/font-awesome.min.css}">
	<link rel="stylesheet" href="../../static/plugins/ionicons/css/ionicons.min.css" th:href="@{/plugins/ionicons/css/ionicons.min.css}">
	<link rel="stylesheet" href="../../static/plugins/iCheck/square/blue.css" th:href="@{/plugins/iCheck/square/blue.css}">
	<link rel="stylesheet" href="../../static/plugins/morris/morris.css" th:href="@{/plugins/morris/morris.css}">
	<link rel="stylesheet" href="../../static/plugins/jvectormap/jquery-jvectormap-1.2.2.css" th:href="@{/plugins/jvectormap/jquery-jvectormap-1.2.2.css}">
	<link rel="stylesheet" href="../../static/plugins/datepicker/datepicker3.css" th:href="@{/plugins/datepicker/datepicker3.css}">
	<link rel="stylesheet" href="../../static/plugins/daterangepicker/daterangepicker.css" th:href="@{/plugins/daterangepicker/daterangepicker.css}">
	<link rel="stylesheet" href="../../static/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" th:href="@{/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css}">
	<link rel="stylesheet" href="../../static/plugins/datatables/dataTables.bootstrap.css" th:href="@{/plugins/datatables/dataTables.bootstrap.css}">
	<link rel="stylesheet" href="../../static/plugins/treeTable/jquery.treetable.css" th:href="@{/plugins/treeTable/jquery.treetable.css}">
	<link rel="stylesheet" href="../../static/plugins/treeTable/jquery.treetable.theme.default.css" th:href="@{/plugins/treeTable/jquery.treetable.theme.default.css}">
	<link rel="stylesheet" href="../../static/plugins/select2/select2.css" th:href="@{/plugins/select2/select2.css}">
	<link rel="stylesheet" href="../../static/plugins/colorpicker/bootstrap-colorpicker.min.css" th:href="@{/plugins/colorpicker/bootstrap-colorpicker.min.css}">
	<link rel="stylesheet" href="../../static/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css" th:href="@{/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css}">
	<link rel="stylesheet" href="../../static/plugins/adminLTE/css/AdminLTE.css" th:href="@{/plugins/adminLTE/css/AdminLTE.css}">
	<link rel="stylesheet" href="../../static/plugins/adminLTE/css/skins/_all-skins.min.css" th:href="@{/plugins/adminLTE/css/skins/_all-skins.min.css}">
	<link rel="stylesheet" href="../../static/css/style.css" th:href="@{/css/style.css}">
	<link rel="stylesheet" href="../../static/plugins/ionslider/ion.rangeSlider.css" th:href="@{/plugins/ionslider/ion.rangeSlider.css}">
	<link rel="stylesheet" href="../../static/plugins/ionslider/ion.rangeSlider.skinNice.css" th:href="@{/plugins/ionslider/ion.rangeSlider.skinNice.css}">
	<link rel="stylesheet" href="../../static/plugins/bootstrap-slider/slider.css" th:href="@{/plugins/bootstrap-slider/slider.css}">
	<link rel="stylesheet" href="../../static/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.css" th:href="@{/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.css}">
</head>
<body class="hold-transition skin-purple sidebar-mini">
<div class="wrapper">
	<!-- 页面头部-->
<div th:replace="common/commons :: head"></div>

	<!-- 导航侧栏 -->
<div th:replace="common/commons :: aside"></div>

<!-- 内容区域 -->
<div class="content-wrapper">

	<!-- 内容头部 -->
	<section class="content-header">
		<h1>
			工单信息
		</h1>
		<ol class="breadcrumb">
			<li><a href="all-admin-index.html"><i class="fa fa-dashboard"></i> 首页</a></li>
			<li><a href="all-order-manage-list.html">订单管理</a></li>
			<li class="active">工单信息</li>
		</ol>
	</section>
	<!-- 内容头部 /-->

	<!-- 正文区域 -->
	<section class="content">
		<form action="plans.html" method="get">
			<!--订单信息-->
			<div class="panel panel-default">
				<div class="panel-heading">工单信息</div>
				<div class="row data-type">

					<div class="col-md-2 title">流水单号</div>
					<div class="col-md-4 data">
						<input type="text" class="form-control" placeholder="流水单号" th:value="${order.flowId}" readonly>
					</div>

					<div class="col-md-2 title">区分</div>
					<div class="col-md-4 data">
						<input type="text" class="form-control" placeholder="区分" th:value="${order.areaName}" readonly>
					</div>
					<div class="col-md-2 title">中心</div>
					<div class="col-md-4 data">
						<input type="text" class="form-control" placeholder="中心" th:value="${order.centerName}" readonly>
					</div>
					<div class="col-md-2 title">投诉地址</div>
					<div class="col-md-4 data">
						<input type="text" class="form-control" placeholder="投诉地址" th:value="${order.address}" readonly>
					</div>
					<div class="col-md-2 title">投诉联系人</div>
					<div class="col-md-4 data">
						<input type="text" class="form-control" placeholder="投诉联系人" th:value="${order.contact}" readonly>
					</div>
					<div class="col-md-2 title">投诉人号码</div>
					<div class="col-md-4 data">
						<input type="text" class="form-control" placeholder="投诉人号码" th:value="${order.contactTel}" readonly>
					</div>
					<div class="col-md-2 title">百度经度</div>
					<div class="col-md-4 data">
						<input type="text" class="form-control" placeholder="百度经度" th:value="${order.address}" readonly>
					</div>
					<div class="col-md-2 title">百度纬度</div>
					<div class="col-md-4 data">
						<input type="text" class="form-control" placeholder="百度纬度" th:value="${order.address}" readonly>
					</div>

					<div class="col-md-2 title rowHeight2x">投诉内容</div>
					<div class="col-md-10 data rowHeight2x">
						<input type="text" class="form-control" placeholder="投诉内容" th:value="${order.context}" readonly/>
					</div>

				</div>
			</div>
			<!--订单信息/-->
			<!--订单处理-->
			<div class="panel panel-default">
				<div class="panel-heading">工单处理</div>
				<div class="row data-type">

					<div class="col-md-2 title rowHeight2x">现场测试情况</div>
					<div class="col-md-10 data rowHeight2x">
						<input type="text" class="form-control" placeholder="现场测试情况" th:value="${order.resume}" readonly>
					</div>
					<div class="col-md-2 title rowHeight2x">现场图片</div>
					<div class="col-md-10 data rowHeight2x">
						<img src="http://pic26.nipic.com/20121221/9252150_142515375000_2.jpg" alt="###" th:width="300px" th:height="200px">
					</div>
				</div>
			</div>
			<!--订单处理/-->

			<!--工具栏-->
			<div class="box-tools text-center">
				<button type="button" class="btn bg-default" onclick="history.back(-1);">返回</button>
			</div>
			<!--工具栏/-->
		</form>
	</section>
	<!-- 正文区域 /-->

</div>
<!-- 内容区域 /-->
<div th:replace="common/commons :: footer"></div>
</div>
<!--script样式 start-->
<script src="../../static/plugins/jQuery/jquery-2.2.3.min.js"></script>
<script src="../../static/plugins/jQueryUI/jquery-ui.min.js"></script>
<script>
	$.widget.bridge('uibutton', $.ui.button);
</script>
<script src="../../static/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="../../static/plugins/raphael/raphael-min.js"></script>
<script src="../../static/plugins/morris/morris.min.js"></script>
<script src="../../static/plugins/sparkline/jquery.sparkline.min.js"></script>
<script src="../../static/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="../../static/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<script src="../../static/plugins/knob/jquery.knob.js"></script>
<script src="../../static/plugins/daterangepicker/moment.min.js"></script>
<script src="../../static/plugins/daterangepicker/daterangepicker.js"></script>
<script src="../../static/plugins/daterangepicker/daterangepicker.zh-CN.js"></script>
<script src="../../static/plugins/datepicker/bootstrap-datepicker.js"></script>
<script src="../../static/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
<script src="../../static/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<script src="../../static/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<script src="../../static/plugins/fastclick/fastclick.js"></script>
<script src="../../static/plugins/iCheck/icheck.min.js"></script>
<script src="../../static/plugins/adminLTE/js/app.min.js"></script>
<script src="../../static/plugins/treeTable/jquery.treetable.js"></script>
<script src="../../static/plugins/select2/select2.full.min.js"></script>
<script src="../../static/plugins/colorpicker/bootstrap-colorpicker.min.js"></script>
<script src="../../static/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.zh-CN.js"></script>
<script src="../../static/plugins/bootstrap-markdown/js/bootstrap-markdown.js"></script>
<script src="../../static/plugins/bootstrap-markdown/locale/bootstrap-markdown.zh.js"></script>
<script src="../../static/plugins/bootstrap-markdown/js/markdown.js"></script>
<script src="../../static/plugins/bootstrap-markdown/js/to-markdown.js"></script>
<script src="../../static/plugins/ckeditor/ckeditor.js"></script>
<script src="../../static/plugins/input-mask/jquery.inputmask.js"></script>
<script src="../../static/plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="../../static/plugins/input-mask/jquery.inputmask.extensions.js"></script>
<script src="../../static/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../../static/plugins/datatables/dataTables.bootstrap.min.js"></script>
<script src="../../static/plugins/chartjs/Chart.min.js"></script>
<script src="../../static/plugins/flot/jquery.flot.min.js"></script>
<script src="../../static/plugins/flot/jquery.flot.resize.min.js"></script>
<script src="../../static/plugins/flot/jquery.flot.pie.min.js"></script>
<script src="../../static/plugins/flot/jquery.flot.categories.min.js"></script>
<script src="../../static/plugins/ionslider/ion.rangeSlider.min.js"></script>
<script src="../../static/plugins/bootstrap-slider/bootstrap-slider.js"></script>
<script src="../../static/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.js"></script>
<script src="../../static/plugins/bootstrap-datetimepicker/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script>
	$(document).ready(function() {
		// 选择框
		$(".select2").select2();

		// WYSIHTML5编辑器
		$(".textarea").wysihtml5({
			locale: 'zh-CN'
		});
	});

	// 设置激活菜单
	function setSidebarActive(tagUri) {
		var liObj = $("#" + tagUri);
		if(liObj.length > 0) {
			liObj.parent().parent().addClass("active");
			liObj.addClass("active");
		}
	}

	$(document).ready(function() {
		// 激活导航位置
		setSidebarActive("admin-index");
	});
</script>
<!--script样式 end-->
</body>
</html>